<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./src/css/main.css">
    <link rel="stylesheet" href="./src/css/footer.css">
</head>

<body>
    <div class="box">
        <nav>
            <div class="container flex between">
                <a href="#" class="nav-left">
                    <img src="./resource/images/title.png" alt="">
                </a>
                <div class="nav-right flex align-center">
                    <a href="http://www.bendibao.com/app/pc.html">本地宝app下载</a>
                    <div class="line"></div>
                    <div class="bdb-gzh cursor">本地宝公众号</div>
                    <div class="nav-qr-code display ">
                        <span>
                        </span>
                        <img src="http://imgbdb3.bendibao.com/weixinbdb/20169/5/201695202114686.jpg" alt="">
                    </div>
                    <div class="line"></div>
                    <a href="http://sz.bendibao.com/">本地宝</a>
                </div>
            </div>

        </nav>

        <div class="top">
            <div class="container head flex between">
                <div class="head-left">
                    <ul class="flex nav">
                        <li class="nav-select">首页</li>
                        <li>
                            <a href="./subscribe.html">预约</a></li>
                        <li><a href="./banshi.html">办事</a></li>
                        <li><a href="./educaiton.html">教育</a></li>
                        <li><a href="./cxserve.html">查询服务</a></li>
                    </ul>
                    <div class="flex">
                        <div class="search flex between align-center">
                            <div class="local-city">深圳 <img src="./resource/images/down.png" alt=""></div>
                            <a href="./search.html"> <input type="text" placeholder="请输入内容">
                            </a>
                        </div>
                        <a href="./search.html">
                            <div class="search-btn"><img src="./resource/images/search.png" alt=""></div>
                        </a>

                    </div>
                </div>
                <div class="head-right">
                    <div class="recent">
                        <div class="rencent-title">
                            最近搜索
                        </div>
                        <ul class="rec-content flex between">
                            <li>
                                <a href="#">出入境预约</a>
                            </li>
                            <li>
                                <a href="">户政预约</a></li>
                            <li>
                                <a href="#">交通业务预约</a></li>
                        </ul>
                    </div>
                    <div class="recent">
                        <div class="rencent-title">
                            热门搜索
                        </div>
                        <ul class="rec-content flex between">
                            <li>
                                <a href="#">出入境预约</a>
                            </li>
                            <li>
                                <a href="">户政预约</a></li>
                            <li>
                                <a href="#">交通业务预约</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="content container">
            <div class="local-serve">SERVICES <span>本地服务</span></div>
            <ul class="services-list flex between">
                <li>
                    <div class="yuyue-title">预约服务</div>
                    <div class="flex between">
                        <div class="column">
                            <div>
                                <a href="#">成人教育</a>
                            </div>
                            <div>
                                <a href="#">儿童教育</a>
                            </div>
                        </div>
                        <div><img src="./resource/images/time.png" alt=""></div>
                    </div>
                </li>
                <li>
                    <div class="yuyue-title">办事服务</div>
                    <div class="flex between">
                        <div class="column">
                            <div>
                                <a href="#">成人教育</a>
                            </div>
                            <div>
                                <a href="#">儿童教育</a>
                            </div>
                        </div>
                        <div><img src="./resource/images/banshiserve.png" alt=""></div>
                    </div>
                </li>
                <li>
                    <div class="yuyue-title">教育服务</div>
                    <div class="flex between">
                        <div class="column">
                            <div>
                                <a href="#">成人教育</a>
                            </div>
                            <div>
                                <a href="#">儿童教育</a>
                            </div>
                        </div>
                        <div><img src="./resource/images/jiaoyuserve.png" alt=""></div>
                    </div>
                </li>
                <li>
                    <div class="yuyue-title">查询服务</div>
                    <div class="flex between">
                        <div class="column">
                            <div>
                                <a href="#">成人教育</a>
                            </div>
                            <div>
                                <a href="#">儿童教育</a>
                            </div>
                        </div>
                        <div><img src="./resource/images/searchserve.png" alt=""></div>
                    </div>
                </li>
            </ul>

            <div class="pot-zixun">
                <div class="change-btn flex just-center">
                    <!-- <div>
                        <div class="change-name change-select">热点视频</div>
                        <span></span>
                    </div> -->
                    <div>
                        <div class="change-name change-select">服务资讯</div>
                        <span></span>
                    </div>
                </div>

                <div class="video flex between display">
                    <a href="#" class="video-item">
                        <img class="video-img" src="./resource/images/video.png" alt="">
                        <div class="v-desc">
                            <div>深圳深圳：外国语学校高中园计划2022开</div>
                            <img src="./resource/images/sightyuyue.png" alt="">
                        </div>
                    </a>
                    <a href="#" class="video-item">
                        <img class="video-img" src="./resource/images/video.png" alt="">
                        <div class="v-desc">
                            <div>深圳深圳：外国语学校高中园计划2022开</div>
                            <img src="./resource/images/sightyuyue.png" alt="">
                        </div>
                    </a>
                    <a href="#" class="video-item">
                        <img class="video-img" src="./resource/images/video.png" alt="">
                        <div class="v-desc">
                            <div>深圳深圳：外国语学校高中园计划2022开</div>
                            <img src="./resource/images/sightyuyue.png" alt="">
                        </div>
                    </a>
                    <a href="#" class="video-item">
                        <img class="video-img" src="./resource/images/video.png" alt="">
                        <div class="v-desc">
                            <div>深圳深圳：外国语学校高中园计划2022开</div>
                            <img src="./resource/images/sightyuyue.png" alt="">
                        </div>
                    </a>
                    <a href="#" class="video-item">
                        <img class="video-img" src="./resource/images/video.png" alt="">
                        <div class="v-desc">
                            <div>深圳深圳：外国语学校高中园计划2022开</div>
                            <img src="./resource/images/sightyuyue.png" alt="">
                        </div>
                    </a>
                    <a href="#" class="video-item">
                        <img class="video-img" src="./resource/images/video.png" alt="">
                        <div class="v-desc">
                            <div>深圳深圳：外国语学校高中园计划2022开</div>
                            <img src="./resource/images/sightyuyue.png" alt="">
                        </div>
                    </a>
                </div>

                <div class="zixun flex between">
                    <a href="#" class="zixun-item">
                        <div class="zixun-title">深圳外国语学校高中园计划2022年开始招生</div>
                        <div class="zixun-desc">光明区高中园，也就是现在的深圳外国语学校高中园是设置3所公办普高的，这三所高中都计划在2022年开始首届招生，具体详见正文</div>
                        <div class="zixun-time">2021-10-09</div>
                    </a>
                    <a href="#" class="zixun-item">
                        <div class="zixun-title">深圳外国语学校高中园计划2022年开始招生</div>
                        <div class="zixun-desc">光明区高中园，也就是现在的深圳外国语学校高中园是设置3所公办普高的，这三所高中都计划在2022年开始首届招生，具体详见正文</div>
                        <div class="zixun-time">2021-10-09</div>
                    </a>
                    <a href="#" class="zixun-item">
                        <div class="zixun-title">深圳外国语学校高中园计划2022年开始招生</div>
                        <div class="zixun-desc">光明区高中园，也就是现在的深圳外国语学校高中园是设置3所公办普高的，这三所高中都计划在2022年开始首届招生，具体详见正文</div>
                        <div class="zixun-time">2021-10-09</div>
                    </a>
                    <a href="#" class="zixun-item">
                        <div class="zixun-title">深圳外国语学校高中园计划2022年开始招生</div>
                        <div class="zixun-desc">光明区高中园，也就是现在的深圳外国语学校高中园是设置3所公办普高的，这三所高中都计划在2022年开始首届招生，具体详见正文</div>
                        <div class="zixun-time">2021-10-09</div>
                    </a>
                    <a href="#" class="zixun-item">
                        <div class="zixun-title">深圳外国语学校高中园计划2022年开始招生</div>
                        <div class="zixun-desc">光明区高中园，也就是现在的深圳外国语学校高中园是设置3所公办普高的，这三所高中都计划在2022年开始首届招生，具体详见正文</div>
                        <div class="zixun-time">2021-10-09</div>
                    </a>
                    <a href="#" class="zixun-item">
                        <div class="zixun-title">深圳外国语学校高中园计划2022年开始招生</div>
                        <div class="zixun-desc">光明区高中园，也就是现在的深圳外国语学校高中园是设置3所公办普高的，这三所高中都计划在2022年开始首届招生，具体详见正文</div>
                        <div class="zixun-time">2021-10-09</div>
                    </a>
                </div>
            </div>
        </div>

        <!-- 底部 -->
        <footer>
            <div class=" footer-box container flex">
                <div class="mail">
                    <h3>合作邮箱
                    </h3>
                    <h3 style="font-size: 20px;">
                        jiameng@bendibao.com
                    </h3>
                    <p>坚持真实的力量最大，优先承接本地生活服务类广告，坚决杜绝虚假夸张，欺蒙用户的广告宣传。</p>
                </div>
                <!-- <div>
                    <h3>网站介绍
                    </h3>
                    <p>
                        本地宝城市生活服务是集预约服务、办事服务、教育服务、查询服务等多种服务为一体的在线服务平台。微信搜索并关注“深圳本地宝”公众号，回复“入户”、“社保” “公租房”“居住证”等关键词，您可以查看深圳相关办事的办理指南、办理条件、办理流程、办理地址等信息；回复“活动”、“旅游”、“进出深”等关键词，就能查询深圳本地最新活动、本地最新展会、节假日游玩、旅游地点游玩等信息。
                    </p>
                </div> -->
                <div>
                    <h3>诚聘英才
                    </h3>
                    <h3 style="font-size: 20px;">网站编辑/销售经理/PHP开发工程师
                    </h3>
                    <p>本地宝拥有强大的互联网运营团队、技术研发中心、市场营销团队，拥有自主知识产权，有意者请投递简历：guoxx@bendibao.com</p>
                </div>

            </div>
            <div class="footer-box container flex">
                <div>
                    <h3>联系我们
                    </h3>
                    <h3 style="font-size: 20px;">0755-82180123
                    </h3>
                    <p>您可以咨询、建议、投诉</p>
                </div>

                <!-- <div>
                    <h3 class="link flex just-center">
                        <div class="qr-code display">
                            <img src="http://imgbdb3.bendibao.com/weixinbdb/20169/5/201695202114686.jpg" alt="">
                            <span>
                            </span>
                        </div>
                        <img class="wx-bdb" src="./resource/images/wxgzh.png" alt="">
                        <span>本地宝微公众号</span>
                        <div class="shipin display">
                            <img src="./resource/images/douyin.svg" alt="">
                            <span>
                          </span>
                        </div>
                        <img class="dy-bdb" src="./resource/images/douyin.svg" alt="">
                        <span>本地宝抖音号</span>
                    </h3>
                    <h3 class="link flex just-center">
                        <div class="qr-code display">
                            <img src="./resource/images/bdb-app.png" alt="">
                            <span>
                        </span>
                        </div>
                        <img class="bdb-app" src="./resource/images/bdb.png" alt="">
                        <span>本地宝APP</span>
                        <div class="shipin display">
                            <img src="./resource/images/shexiang.svg" alt="">
                            <span>
                          </span>
                        </div>
                        <img class="sp-bdb" src="./resource/images/shexiang.svg" alt="">
                        <span>本地宝深圳视频号</span>
                    </h3>

                </div> -->

                <div>
                    <h3>企业文化</h3>
                    <h3>让人性之光照亮生活</h3>
                    <p>本地宝价值观：敬天爱人</p>
                </div>
            </div>
        </footer>
        <!-- /底部 -->
    </div>

    <script src="./src/js/jq.min.js"></script>
    <script src="./src/js/main.js"></script>
    <script src="./src/js/footer.js"></script>
</body>

</html>